<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="icon/iconfont.css">
  </head>
  <body>

    <header>

      <div class="">

        <div class="logo">
            <h1>C<em>a</em>lm</h1>
            <span>我的QQ空间</span>
        </div>

        <nav>
          <ul>
            <li>主页</li>
            <li>好友动态</li>
            <li>与我相关</li>
            <li>相册</li>
			 <li>访客</li>
          </ul>
        </nav>
      </div>
      <div class="box2">

        <div class="box-left">
          <div class="">
            <h3>欢迎您访问我的QQ空间</h3>
          </div>
          <div class="">
            祝每位访客生活愉快
          </div>
        </div>

        <div class="box-left">
          <div class="">
            <h3>联系我</h3>
          </div>
          <div class="img-box">
            <ul>

              <li class="wechat">
                  <i class="iconfont icon-wechat"></i>
              </li>
              <li class="weibo">
                <i class="iconfont icon-weibo"></i>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </header>
    <div class="content">
      <div class="content-box">
        <div class="unit">
          <ul>
            <li>主页</li>
            <li>相册</li>
            <li>留言</li>
            <li>说说</li>
            <li>日志</li>
			<li>音乐</li>
          </ul>
        </div>
        <div class="list-box">
          <ul>
            <li>
              <img src="images/008.jpg" height="260" width="550" border=0  alt="1" />
              <div class="">
                一<br>
              </div>
            </li>
            <li>
              <img src="images/443.jpg" height="260" width="550" border=0 alt="2" />
              <div class="">
                二<br>
              </div>
            </li>
            <li>
              <img src="images/445.jpg" height="260" width="550" border=0 alt="3" />
              <div class="">
                三<br>
              </div>
            </li>
            <li>
              <img src="images/665.jpg" height="260" width="550" border=0 alt="4" />
              <div class="">
                四<br>
              </div>
            </li>
            <li>
              <img src="images/887.jpg" height="260" width="550" border=0 alt="5" />
              <div class="">
                五<br>
              </div>
            </li>

              </div>

            </li>
          </ul>
        </div>
      </div>


      <div class="">

        <div class="">

        </div>
        <div class="">

        </div>
        <div class="">

        </div>
        <div class="">

        </div>
      </div>
    </div>


    <!--尾部-->
    <div class="news">
      <div class="new-box">


                      <div class="img-box">
                  <ul class="contact">
                    <li class="qq">
                      <a href="">

                        <i class="iconfont icon-qq"></i>
                      </a>
                    </li>
                    <li class="wechat">
                           <a href="">
                               <i class="iconfont icon-wechat"></i>
                           </a>
                       </li>
                       <li class="weibo">
                           <a href="">
                               <i class="iconfont icon-weibo"></i>
                           </a>
                       </li>
                   </ul>
               </div>
             </div>
             </div>




                </div>
</div>
<footer>

  <div id=gs>东莞市永盛通信科技有限公司版权所有粤ICP备08130115号—1
  联系方式：4001-666-888</div>

</footer>

</body>
</html>
